
/* 版心 */
.container{ width: 1200px; margin: 0 auto; }

/* 浮动 */
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ content: ''; height: 0; display: block; clear: both;}

/* 测试工具 */
.bd{ border: 1px solid red; }


body{min-width: 1200px;}

/* 头部通用样式 */
.head-logo{line-height: 100px; border-right: 1px solid #ccc;padding-right: 28px; margin-right: 18px;}
.head-aff{padding: 29px 0; font-size: 16px; color: #3f4952; margin-right: 30px;}
.head-nav li{float: left; line-height: 100px;}
.head-nav li a{display:block; text-align: center;padding: 0 30px; color: #5f5d60;}
.head-nav li.active a{background-color: #00ae69;width:70px; color: #fff;}

.nav-menu{display: none; position: absolute; z-index: 10;}
.head-nav li:hover .nav-menu{display: block;}
.head-nav li .nav-menu a{background-color:#fff ; display: block; color: rgb(138, 138, 138);line-height: 60px; height: 60px;}
.head-nav li .nav-menu a:hover{background-color: #00ae69;color: #fff;}


/* banner通用样式*/
.banner{background: url('../imgs/vynb.jpg') no-repeat;background-size:100% 100%; height: 500px;position: relative;}
.banner-content{ position: relative;}
.banner-text{ width: 500px; height: 100px; position: absolute; right: 100px; top: 175px;}
.banner-btext{font-size: 30px;color: #012718;font-family: '宋体';font-weight: bold;}
.banner-stext{font-size: 10px; color: #545543;margin-top: 20px;}
.banner-h{height: 60px; background-color: rgba(0,0,0, .6); position: absolute; bottom: 0; width: 100%;}
.banner-list ul{ border-left: 1px solid #5f8065;}
.banner-list .active{ background-color: #00ae69;}
.banner-list li{float: left; border-right: 1px solid #5f8065;}
.banner-list a{color: #fff; display: block; line-height: 60px;width: 295px;text-align: center;}



/* 页脚通用样式 */
.foot-nav{background: #00ae69;}
.foot-nav li{float: left;margin: 0 70px;line-height: 60px;}
.foot-nav li a{ color: #fff;}
.foot-relation{background: #d7ebe2;padding: 30px 0;}
.relation-us{float: left;margin-right: 120px;}
.relation-us .us-hl{font-size: 18px; color: #363531; font-weight: bold;}
.relation-us p{font-size: 12px; color: #495757;line-height: 30px;}
.relation-list{float: left;}
.relation-list li{float: left; color: #5b5861;line-height: 30px;margin-right:100px;}
.relation-list li h3{font-size: 16px;}
.relation-erweima{width: 150px; float: right;}
.relation-erweima img{display: inline-block;width: 150px; height: 150px; margin-bottom: 5px;}
.relation-erweima p{font-size: 12px;  color: #5b5861; text-align: center;}
.relation-cont{margin-bottom: 30px;}
.foot-last{border-top: 1px solid #ccc;padding-top: 30px; font-size: 12px; color: #475653;text-align: center;}
